<div class="selector">
	<nz-select [(ngModel)]="provinceValue" [nzLoading]="provinceLoading" (ngModelChange)="getCityList($event)">
		<nz-option *ngFor="let province of provinceList" [nzLabel]="province.name" [nzValue]="province.adcode">
		</nz-option>
	</nz-select>
	<nz-select [(ngModel)]="cityValue" [nzLoading]="cityLoading" (ngModelChange)="getDistrictList($event)">
		<nz-option *ngFor="let city of cityList" [nzLabel]="city.name" [nzValue]="city.adcode">
		</nz-option>
	</nz-select>
	<nz-select [(ngModel)]="districtValue" [nzLoading]="districtLoading">
		<nz-option *ngFor="let district of districtList" [nzLabel]="district.name" [nzValue]="district.adcode">
		</nz-option>
	</nz-select>
	<button nz-button nzType="primary" [nzLoading]="areaLoading" (click)="showAreaOnMap()">查看</button>
</div>
<div class="map" #map></div>